<style>
.xz{ width:100%; height:auto; margin:15px auto;}
.xz p{ text-align:center; font-size:18px; line-height:36px;}
.xz p span{ color:#FB0509; border:1px solid #777777; border-radius:5px; padding:0px 15px; cursor:pointer;}
.xz .ry{ width:980px; height:auto; margin:15px auto;}
.xz .ry h4{ font-size:18px; line-height:28px; color:#0089e1;}
.user{ color:#0089e1; font-size:16px; line-height:26px;}
.user input{ margin-left:15px;}
.user span{ cursor:pointer;}
.xz form{ width:300px; margin:15px auto; text-align:right; display:none;}
.xz form input{ width:194px; height:52px; margin-bottom:10px; margin-left:20px; text-indent:1.5em; font-size:16px;}
.xz form input#sumit{ background:#43a1da; border-radius:5px; color:#ffffff;}
.xz form select{ width:194px; height:52px; margin-bottom:10px; margin-left:20px;}
.xz form span{color:red; font-size:18px; line-height:30px;}
</style>
<div class="xz">
	<p>人员管理设置：<span class="new">新增</span></p>
    <div class="ry">
    	<foreach item="vo" name="admin">
    	<h4>{$vo.rootname} <input type="checkbox" /><span>全选</span></h4>
        <div class="user">
                <foreach item="vo1" name="vo['role']">
        		<input type="checkbox" name="{$vo1.name}"/><span>{$vo1.name}</span>（{$vo1.username}）
                </foreach>
        </div>
        </foreach>
        <input type="button"  id="qx" value="全选"/><input type="button" id="fx" value="反选"/><input type="button" id="delete" value="删除"/>
    </div>
    <form method="post" >
    	<span></span><br/>
    	登录名:<input type="text" maxlength="5" name="name"/><br/>
        真实姓名:<input type="text" maxlength="5" name="username"/><br/>
        密码：<input type="password" maxlength="10" name="password"/><br/>
        选择权限：<select name="role">
        			<volist id="vo" name="admin">
        			<option name="{$vo.rootname}">{$vo.rootname}</option>
                    </volist>
        		</select>
                <input type="button" name="sumit" value="提交资料" id="sumit" style="text-indent:0;"/>
                <input type="hidden" name="type" id="type"/>
    </form>
</div>
<script type="text/javascript" src="__PUBLIC__/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery/jquery.md5.js"></script>
<script>
$(function(){
	$(".ry h4 input").click(function(){
		var i=$(this).parent().index()+1;
		if($(this).attr("checked")==true||$(this).attr("checked")=="checked"){
			$(".ry").children().eq(i).children().attr("checked",true);
		}else{
			$(".ry").children().eq(i).children().attr("checked",false);
		}
	});
	$("#qx").click(function(){
		$("input").attr("checked",true);
	});
	$("#fx").click(function(){
		$("input").attr("checked",false);
	});
	$("#delete").click(function(){
			
	})
	$(".new").click(function(){
		$(".ry").slideUp();
		$("form").slideDown();	
		$("input[name='name']").val("");
		$("input[name='username']").val("");
		$("input[name='password']").val("");
		$("form").find("span").html("");
		
	});
	$("form input[name='name']").blur(function(){
		if($(this).val()==""){
			$("form").find("span").html("用户名不能为空！！！");
		}else{
			$.post('__URL__/find',{'name':$(this).val()},function(data){
				if(data.status==0){
					$("form").find("span").html("该用户名可以使用！！！");		
				}else{
					$("form").find("span").html("该用户已被注册！！！");
				}	
			});	
		}
	});
	$("form input[name='username']").blur(function(){
		if($(this).val()==""){
			$("form").find("span").html("真实姓名不能为空！！！");
		}else{
			$.post('__URL__/find',{'username':$(this).val()},function(data){
				if(data.status==0){
					$("form").find("span").html("该用户名可以使用！！！");		
				}else{
					$("form").find("span").html("该用户已被注册！！！");
				}	
			});
		}
	});
	$("#sumit").click(function(){
		var name=$("input[name='name']").val();
		var username=$("input[name='username']").val();
		var password=$.md5($("input[name='password']").val());
		var role=$("select option:selected").val();
		var type = $("#type").val();
		if(name!=""&username!=""&password!=""&role!=""){
			$.ajax({
				type:'POST',
				url:'__URL__/add',	
				data:{name:name,username:username,password:password,role:role,type:type},
				success:function(data){
					$("form").find("span").html("用户注册成功！！！");	
					setTimeout(function(){
						$("form").slideUp();
						$(".ry").slideDown();
						$(".xz").load(data);
					},2000);
				},
				error: function(data){
					$("form").find("span").html("用户注册失败！！！");	
				},
			});	
		}else{
			$("form").find("span").html("您有某项未填，请填写！！！");		
		}
	});
	$("#delete").click(function(){
		var valArr = new Array; 
		$(".ry .user input:checked:checked").each(function(i) {
		   valArr[i]=$(this).attr("name");
        });
	   var vals = valArr.join(',');
	   $.ajax({
			type:'POST',
			url:"__URL__/delete",
			data:{name:vals}, 
			success: function(data){
				$(".xz").load(data);
			}  
	   });
	});
	$(".user span").click(function(){
		var user=$(this).html();
		$(".ry").slideUp();
		$("form").slideDown();
		$("form input[name='name']").val(user);
		$.ajax({
			type:'POST',
			url:"__URL__/ryglupdate",
			data:{name:user},
			success: function(data){
				$("input[name='username']").val(data[0]['username']);
				var role=data[0]['role'];
				$("select option").each(function(index, element) {
                    var xz=$(this).html();
					if(xz==role){
						$(this).attr("selected",true);
					}
                });
				$("#type").val(data['type']);
			}
		});
	});
})
</script>